<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>AdminLTE 3 | Dashboard 3</title>

  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome Icons -->
  <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
  <!-- IonIcons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/adminlte.min.css">
  <!-- 引入Bootstrap -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <!--引入zyp的css-->
  <link rel="stylesheet" href="css/zyp.css">
  <link rel="stylesheet" href="plugins/elementUI/index.css">
</head>


<body class="hold-transition sidebar-mini" style="width: 100%;">
  
  <!-- 表单配置 -->
  <div id="erp" style="background-color:#f2f2f2;"> 
        <!-- 导航栏 -->
        <div style="position: relative; top: 2px;">
            <ul class="breadcrumb" style="background-color: white; margin-bottom: 10px;">
                <li><a href="#">表单设计</a></li>
                <li><a href="#">表单配置</a></li>
                <li class="active">入库管理</li>
            </ul>
        </div>
        
        <!-- 主要部分 -->
        <!--左边-->
        <div style="width: 20%; background-color: white; height: 650px; margin-left: 15px; float: left;">
            <!--搜索框-->
            <form class="bs-example bs-example-form" role="form" style="margin-left: 10px; margin-top: 10px">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="input-group">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button">
                                    全部
                                </button>
                            </span>
                            <input type="text" class="form-control" placeholder="搜索..." style="width: 145px;">
                        </div>
                    </div><br>
                </div>
            </form>
            <!--表格-->
            <el-button plain style="width: 198px; margin-top: 10px; margin-left: 10px;" >+新增属性</el-button>
            <div style="margin-left: 10px; margin-right: 10px; margin-top: 5px; height: 540px; border-bottom: solid 1px; border-color: lightgray;">
                <table class="table table-hover">   
                    <tbody>
                      <tr>
                        <td style="text-align: left; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-equalizer"></i>
                            表单类型
                        </td>
                        <td style="text-align: right; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-pencil"></i>
                                &nbsp;&nbsp;
                            <i class="glyphicon glyphicon-plus"></i>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left; color: rgb(156, 154, 154);">
                        <i class="glyphicon glyphicon-equalizer"></i>
                            表单类型
                        </td>
                        <td style="text-align: right; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-pencil"></i>
                                &nbsp;&nbsp;
                            <i class="glyphicon glyphicon-plus"></i>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-equalizer"></i>
                            表单类型
                        </td>
                        <td style="text-align: right; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-pencil"></i>
                                &nbsp;&nbsp;
                            <i class="glyphicon glyphicon-plus"></i>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-equalizer"></i>
                            表单类型
                        </td>
                        <td style="text-align: right; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-pencil"></i>
                                &nbsp;&nbsp;
                            <i class="glyphicon glyphicon-plus"></i>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-equalizer"></i>
                            表单类型
                        </td>
                        <td style="text-align: right; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-pencil"></i>
                                &nbsp;&nbsp;
                            <i class="glyphicon glyphicon-plus"></i>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-equalizer"></i>
                            表单类型
                        </td>
                        <td style="text-align: right; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-pencil"></i>
                                &nbsp;&nbsp;
                            <i class="glyphicon glyphicon-plus"></i>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-equalizer"></i>
                            表单类型
                        </td>
                        <td style="text-align: right; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-pencil"></i>
                                &nbsp;&nbsp;
                            <i class="glyphicon glyphicon-plus"></i>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-equalizer"></i>
                            表单类型
                        </td>
                        <td style="text-align: right; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-pencil"></i>
                                &nbsp;&nbsp;
                            <i class="glyphicon glyphicon-plus"></i>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-equalizer"></i>
                            表单类型
                        </td>
                        <td style="text-align: right; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-pencil"></i>
                                &nbsp;&nbsp;
                            <i class="glyphicon glyphicon-plus"></i>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-equalizer"></i>
                            表单类型
                        </td>
                        <td style="text-align: right; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-pencil"></i>
                                &nbsp;&nbsp;
                            <i class="glyphicon glyphicon-plus"></i>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-equalizer"></i>
                            表单类型
                        </td>
                        <td style="text-align: right; color: rgb(156, 154, 154);">
                            <i class="glyphicon glyphicon-pencil"></i>
                                &nbsp;&nbsp;
                            <i class="glyphicon glyphicon-plus"></i>
                        </td>
                      </tr>
                      
                    </tbody>
                </table>
            </div>
           
        </div>
        <!--右边-->
        <div style="width: 76%; background-color: #f2f2f2; height: 650px; margin-right: 15px; float: right;">
           <!-- 输入框部分-->
            <div style="height: 60px; background-color: white; width: 100%; border-radius: 5px;">
                <div class="form-group" style="width: 28%;  float: left; margin-top: 13px; margin-right: 15px;margin-left: 10px;">
                    <p for="name" style="display:inline;padding-bottom: 0px;">入库单前缀：</p>
                    <input type="text" class="form-control" placeholder="RK" style="width: 120px;
                                display: inline; padding-bottom: 0px;">
                </div>
                <div class="form-group" style="width: 28%;  float: left; margin-top: 13px; margin-right: 15px;">
                    <p for="name" style="display:inline;padding-bottom: 0px;">出库单前缀：</p>
                    <input type="text" class="form-control" placeholder="ACS" style="width: 120px;
                                display: inline; padding-bottom: 0px;">
                </div>
                <div class="form-group" style="width: 28%;  float: left; margin-top: 13px; margin-right: 15px;">
                    <p for="name" style="display:inline;padding-bottom: 0px;">关联单号：</p>
                    <input type="text" class="form-control" placeholder="单号" style="width: 120px;
                                display: inline; padding-bottom: 0px;">
                </div>

           </div>

           <!--入库管理-表格部分-->
           <div style="margin-top: 10px; background-color: white; width: 100%; height: 500px; border-radius: 5px;">
                <div style="height: 50px; width: 100%; padding-left: 20px;">
                    <div style="color: rgb(156, 154, 154); font-size: 15px;">
                        <i class="el-icon-edit" style="margin-top: 20px;"></i>
                        &nbsp;&nbsp;
                        <p style="display: inline; margin-top: 20px;">入库管理</p>
                    </div>
                </div>
                <div style="margin-left: 5px; margin-right: 5px;">
                    <table class="table table-hover" style=" font-size: 13px;">
                        <thead style="background-color: #f2f2f2;">
                          <tr>
                            <th style="font-weight: normal;" >操作</th>
                            <th style="font-weight: normal;">编码</th>
                            <th style="font-weight: normal;">名称</th>
                            <th style="font-weight: normal;">类型</th>
                            <th style="font-weight: normal;">是否必填</th>
                            <th style="font-weight: normal;">是否读写</th>
                            <th style="font-weight: normal;">是否敏感</th>
                            <th style="font-weight: normal;">是否显示</th>
                            <th style="font-weight: normal;">属性来源</th>
                            <th style="font-weight: normal;">所属属性</th>
                          </tr>
                        </thead>
                        <tbody style="color: rgb(156, 154, 154);">
                          <tr>
                            <td><i class="el-icon-edit"></i></td>
                            <td>product</td>
                            <td>产品名称</td>
                            <td>文本</td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                          </tr>
                          <tr>
                            <td><i class="el-icon-edit"></i></td>
                            <td>product</td>
                            <td>产品名称</td>
                            <td>文本</td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                          </tr>
                          <tr>
                            <td><i class="el-icon-edit"></i></td>
                            <td>product</td>
                            <td>产品名称</td>
                            <td>文本</td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                          </tr>
                          <tr>
                            <td><i class="el-icon-edit"></i></td>
                            <td>product</td>
                            <td>产品名称</td>
                            <td>文本</td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                          </tr>
                          <tr>
                            <td><i class="el-icon-edit"></i></td>
                            <td>product</td>
                            <td>产品名称</td>
                            <td>文本</td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                          </tr>
                          <tr>
                            <td><i class="el-icon-edit"></i></td>
                            <td>product</td>
                            <td>产品名称</td>
                            <td>文本</td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                          </tr>
                          <tr>
                            <td><i class="el-icon-edit"></i></td>
                            <td>product</td>
                            <td>产品名称</td>
                            <td>文本</td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                          </tr>
                          <tr>
                            <td><i class="el-icon-edit"></i></td>
                            <td>product</td>
                            <td>产品名称</td>
                            <td>文本</td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                          </tr>
                          <tr>
                            <td><i class="el-icon-edit"></i></td>
                            <td>product</td>
                            <td>产品名称</td>
                            <td>文本</td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                          </tr>
                          <tr>
                            <td><i class="el-icon-edit"></i></td>
                            <td>product</td>
                            <td>产品名称</td>
                            <td>文本</td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                          </tr>
                          <tr>
                            <td><i class="el-icon-edit"></i></td>
                            <td>product</td>
                            <td>产品名称</td>
                            <td>文本</td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                            <td>
                                <el-switch
                                class="switch"
                                v-model="value1"
                                active-color="#13ce66"
                                inactive-color="#ff4949"
                                :active-value="0"
                                :inactive-value="1"
                                active-text="是"
                                inactive-text="否">
                                </el-switch> 
                            </td>
                          </tr>
                        </tbody>
                      </table>
                </div>
           </div>

           <!--分页部分-->
           <div class="block" style="margin-top: 20px; margin-left: 85px;">
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page="currentPage4"
              :page-sizes="[11, 200, 300, 400]"
              :page-size="11"
              layout="total, sizes, prev, pager, next, jumper"
              :total="400">
            </el-pagination>
          </div>

        </div>
</div>



<!-- jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE -->
<script src="dist/js/adminlte.js"></script>

<!-- OPTIONAL SCRIPTS -->
<script src="plugins/chart.js/Chart.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="dist/js/pages/dashboard3.js"></script>
<!-- 引入vue -->
<script src="plugins/vue-2.6.10/vue-2.6.10/vue-resource.min.js"></script>
<script src="plugins/vue-2.6.10/vue-2.6.10/vue.js"></script>
<!--引入ElementUi-->
<script src="plugins/elementUI/index.js"></script>
<!-- zyp的script-->
<script>
    $(function(){
       var wer = new Vue({
            el:"#erp",
            data() {
                return {
                    input3: '',
                    select: '',
                    value1: true, //switch开关
                    currentPage4: 4 //分页
                }
            },
            methods: {
                handleSizeChange(val) {
                    console.log(`每页 ${val} 条`);
                },
                handleCurrentChange(val) {
                    console.log(`当前页: ${val}`);
                }
            }
        });
    })
   
</script>
</body>
</html>
